<template>
    <div
        class="table-action"
        @mouseenter="showMore = true"
        @mouseleave="showMore = false">
        <div v-show="!showMore">
            <span class="iconfont icon-more"></span>
        </div>
        <div v-show="showMore">
            <slot></slot>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                showMore: false,
            }
        },
    }
</script>

<style lang="less" scoped>
    .table-action {}
</style>